<template>
  <div class="statement">
    <ol>
      <li>本文档用于存放 {{ demoProp.title }} 系统中使用到的所有组件</li>
      <li>本文档不代替element-puls官方文档，组件的详细使用方法需参考官方文档</li>
      <li>开发过程中如遇到组件的更新、新组件的创建，需及时更新本文档</li>

      <li style="color: red;">
        各处（编辑的，展示的，表头的，表单的）<br />

        字段名称：12px，#646567<br />
        字段内容：13px，#303133
      </li>
    </ol>
  </div>

</template>

<script lang="ts" setup>
  import { h, ref, onMounted, nextTick } from "vue";
  import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
  import { demoProps } from "@/stores/modules/merakDemo";

  import Prism from "prismjs";
  import "../prism.css";

  import dropWrap from "../dropWrap.vue";
  /* 响应式变量 */

  const demoProp = demoProps();

  /* 
          生命周期
          */
  onMounted(() => {
    nextTick(() => {
      Prism.highlightAll();
    });
  });
</script>
<style lang="scss" scoped>
  .el-row::v-deep {
    margin-bottom: 20px;
  }

  .el-alert {
    margin-bottom: 20px;
  }
</style>